@import "./../_var";
@import "./../_theme";

.iss-form-renderer-dialog-wrapper {
  overflow: hidden;
  display: flex;
  height: 100vh;
  justify-content: center;
  flex-direction: column;

  .iss-form-renderer-dialog-control {
    width: 1100px;
    min-height: 320px;
    margin: 0 auto !important;
    display: flex;
    flex-direction: column;
    border-radius: $dialogRadius;
    overflow: hidden;

    .el-dialog__header {
      height: 56px;
      display: flex;
      align-content: center;
      padding: 0 0 0 28px;
      border-bottom: 1px solid $borderColorLight !important;

      &:before {
        content: '';
        display: inline-block;
        width: 3px;
        height: 1rem;
        background: $colorPrimary;
        position: absolute;
        border-radius: 0 2px 2px 0;
        left: 1rem;
        top: 1.25rem;
      }

      .el-dialog__title {
        height: 56px;
        line-height: 56px;
      }
    }

    .el-dialog__body {
      padding: 0 !important;
      flex: 1;
      min-height: 0;
      overflow: hidden;

      & > .el-scrollbar {
        & > .el-scrollbar__wrap {
          overflow-x: hidden;
          padding: 0 38px !important;
        }
      }
    }

    .el-dialog__footer {
      height: 56px;
      line-height: 56px;
      padding: 0 34px;
      border-top: 1px solid $borderColorLight !important;

      .el-button {
        width: 80px;
        height: 32px;
      }
    }
  }
}
